<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工伤医疗费打印</title>

    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <!--    引入Layui组件-->
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <script type="text/javascript" src="/admin/html/module/yumenyoutian/js/api.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/jQuery.print.js?v=1.1"></script>

    <style>
        table tr td
        {border:1px solid black;padding: 13px 0px;}

        body{
            font-weight: normal;
        }

        .fontclass{
            font-size: 10px;
        }

        .table_border tr td{
            border:none;
        }
    </style>

</head>
<body>

<div id="app">

    <!-- 每页数据数量一定，最后一页需要显示合计 -->
    <div id="printListRoster" style="padding: 0 60px;">
        <div style="break-after: page;">
            <table border="1" cellpadding="8" style="border-collapse: collapse; width: 100%; font-size: 10px;">
                <caption>
                    <p style="font-size: 20px;font-weight: bold;" >工伤医疗（康复）待遇审核表</p>
                    <p style="text-align: center">
                        <div>
                            <table class="table_border" border="0" width="100%">
                                <tr >
                                    <td style="width: 40%;">单位编号/名称：{{form.dwbh}}</td>
                                    <td>计算单位：元</td>
                                    <td style="text-align: right;">填报日期：{{form.jbrq_str}}</td>

                                </tr>
                            </table>
                        </div>

                    </p>

                </caption>
                <tbody>
                <tr>
                    <td align="center" width="90px" >公民身份号码</td>
                    <td align="center" colspan="2" >{{form.gmsfhm}}</td>
                    <td align="center" >姓名</td>
                    <td align="center" >{{form.xm}}</td>
                    <td align="center" >性别</td>
                    <td align="center" >{{form.xb}}</td>
                    <td align="center" >年龄</td>
                    <td align="center" >{{form.nl}}</td>
                    <td align="center" >个人编号</td>
                    <td align="center" >{{form.grbh}}</td>
                </tr>
                <tr>
                    <td align="center">单位名称</td>
                    <td align="center" colspan="6">{{form.zfdwbh}}</td>
                    <td align="center" colspan="2">费用类型</td>
                    <td align="center" colspan="2"></td>
                </tr>

                <tr>
                    <td align="center" >医疗机构</td>
                    <td  align="center" colspan="3">{{form.yljgmc}}</td>
                    <td align="center" >级别</td>
                    <td  align="center" colspan="2">{{form.yydj}}</td>
                    <td  align="center" colspan="2">住院号</td>
                    <td  align="center" colspan="2">{{form.zyh}}</td>
                </tr>

                <tr>
                    <td align="center" >入院日期</td>
                    <td  align="center" colspan="2">{{form.ryrq}}</td>
                    <td align="center" >出院日期</td>
                    <td  align="center" colspan="3">{{form.cyrq}}</td>
                    <td  align="center" colspan="2">住院天数</td>
                    <td  align="center" colspan="2">{{form.zyts}}</td>
                </tr>

                <tr>
                    <td align="center" >伤害部位</td>
                    <td  align="left" colspan="10" style="padding-left: 3px;">{{form.shbw}}</td>
                </tr>
                <tr>
                    <td align="center" >门诊诊断</td>
                    <td  align="left" colspan="10">{{form.mzzd}}</td>
                </tr>
                <tr>
                    <td align="center" >出院诊断</td>
                    <td  align="left" colspan="10"></td>
                </tr>


                <tr>
                    <td align="center" colspan="3" >项目</td>
                    <td  align="center" colspan="3">原始金额</td>
                    <td align="center" colspan="3" >自费金额</td>
                    <td  align="center" colspan="2">实际支付金额</td>
                </tr>

                <tr>
                    <td align="center" colspan="1" rowspan="9" >医疗<br/>（康复）<br/>费</td>
                    <td  align="center" colspan="2">药品费</td>
                    <td align="center" colspan="3" >{{form.ypf}}</td>
                    <td  align="center" colspan="3">{{form.ypf0}}</td>
                    <td  align="center" colspan="2">{{form.ypf1}}</td>
                </tr>

                <tr>
                    <td  align="center" colspan="2">检查费</td>
                    <td align="center" colspan="3" >{{form.jcf}}</td>
                    <td  align="center" colspan="3">{{form.jcf0}}</td>
                    <td  align="center" colspan="2">{{form.jcf1}}</td>
                </tr>
                <tr>
                    <td  align="center" colspan="2">治疗费</td>
                    <td align="center" colspan="3" >{{form.zlf}}</td>
                    <td  align="center" colspan="3">{{form.zlf0}}</td>
                    <td  align="center" colspan="2">{{form.zlf1}}</td>
                </tr>
                <tr>
                    <td  align="center" colspan="2">手术费</td>
                    <td align="center" colspan="3" >{{form.ssf}}</td>
                    <td  align="center" colspan="3">{{form.ssf0}}</td>
                    <td  align="center" colspan="2">{{form.ssf1}}</td>
                </tr>
                <tr>
                    <td  align="center" colspan="2">材料费</td>
                    <td align="center" colspan="3" >{{form.clf}}</td>
                    <td  align="center" colspan="3">{{form.clf0}}</td>
                    <td  align="center" colspan="2">{{form.clf1}}</td>
                </tr>
                <tr>
                    <td  align="center" colspan="2">康复费</td>
                    <td align="center" colspan="3" >/</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="2">/</td>
                </tr>

                <tr>
                    <td  align="center" colspan="2">床位费</td>
                    <td align="center" colspan="3" >{{form.cwf}}</td>
                    <td  align="center" colspan="3">{{form.cwf0}}</td>
                    <td  align="center" colspan="2">{{form.cwf1}}</td>
                </tr>
                <tr>
                    <td  align="center" colspan="2">其他医疗费</td>
                    <td align="center" colspan="3" >{{form.qtf}}</td>
                    <td  align="center" colspan="3">{{form.qtf0}}</td>
                    <td  align="center" colspan="2">{{form.qtf1}}</td>
                </tr>

                <tr>
                    <td  align="center" colspan="2">合计</td>
                    <td align="center" colspan="3" >{{form.ylfflhj}}</td>
                    <td  align="center" colspan="3">{{form.ylfflhj0}}</td>
                    <td  align="center" colspan="2">{{form.ylfflhj1}}</td>
                </tr>

                <tr>
                    <td  align="center" colspan="3">劳动能力鉴定费</td>
                    <td align="center" colspan="3" >{{form.ldnljdf}}</td>
                    <td  align="center" colspan="3">{{form.ldnljdf0}}</td>
                    <td  align="center" colspan="2">{{form.ldnljdf1}}</td>
                </tr>

                <tr>
                    <td  align="center" rowspan="5" >补助费</td>
                    <td align="center" colspan="2" >类别</td>
                    <td  align="center" colspan="3">支付标准(限额)</td>
                    <td  align="center" colspan="3">支付天数</td>
                    <td  align="center" colspan="2" >支付金额</td>
                </tr>

                <tr>
                    <td align="center" colspan="2" >伙食补助费</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="2" >/</td>
                </tr>

                <tr>
                    <td align="center" colspan="1" rowspan="2" >交通费</td>
                    <td align="center"  >市内交通费</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="2" >/</td>
                </tr>
                <tr>
                    <td align="center"  >城市间交通费</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="2" >/</td>
                </tr>
                <tr>
                    <td align="center" colspan="2" >住宿费</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="3">/</td>
                    <td  align="center" colspan="2" >/</td>
                </tr>

                <tr>
                    <td align="center" colspan="3" >支付金额合计（小写） </td>
                    <td  align="center" colspan="8">{{form.bxjehj}}</td>
                </tr>
                <tr>
                    <td align="center" colspan="3" >支付金额合计（大写） </td>
                    <td  align="center" colspan="8">{{form.bxjehj_str}}</td>
                </tr>

                </tbody>
            </table>
            <div style="display: flex; justify-content: space-around; margin-top: 30px; font-size: 10px;">
                <div>负责人：</div>
                <div>复核人：</div>
                <div>制表：</div>
            </div>
        </div>
    </div>
</div>

<script>


    var vm = new Vue({
        el: "#app",
        data() {
            return {
                parmsData:{},
                form:{},
            };
        },
        created(){
            this.parmsData = getParams();
            this.init();
        },
        methods: {
            async init(){
                const res = await postWebCustom(getTableId("2374"),{id:this.parmsData.id});
                if(res.code == 0){
                    top.alert(res.msg);
                    return;
                }
                this.form = res.data[0];
            },
            printHtml() {
                $("#printListRoster").print();
            },

        },
    });

    function setData(data) {
        vm.setData(data);
    }
</script>
</body>
</html>